<!doctype html>
{% extends "base.html" %}
{% block title %}Zabbix监控{% endblock title %}

{% block page3_show %}show{% endblock page3_show %}
{% block page3.2_active %}active{% endblock page3.2_active %}
{% load custom_filter %}

{% block main_content %}
<div class="row">
    <div class="col-12 col-lg-12 d-flex">
        <div class="card flex-fill w-100">
            <div class="card-header">
                <div class="float-right">
                        <small><a href="/refresh_zabbix">重新获取</a></small>
                </div>
                <h5 class="card-title mb-0"><a href="{{ ZabbixProblemPage }}" style="color: inherit;text-decoration: none;">最新问题</a></h5>
            </div>
            <div class="card-body">
                <ul class="timeline">
				{% for Problme in ProblmeList %}
					<li class="timeline-item">
                        <strong>{{ Problme.name }} </strong>
                        <span class="float-right text-muted text-sm">{{ Problme.clock|epoch }}</span>
                        <p>是否确认：{{ Problme.acknowledged|sured }}<br>
                        严重程度：{{ Problme.severity|severity }}</p>
                    </li>
				{% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock main_content %}


{% block script %}

{% endblock script %}